<div class="page-content">
	 <router-link  :to="{ name: 'getOutRoomId'}" class="user-header bw" > 
     <div class="user-header-in"> 
      <div class="user-ico fl"> 
       <img :src="user_info.community.logo" /> 
      </div> 
      <div class="user-info"> 
       <p class="fs-16">{{user_info.community ? user_info.community.name :''}} 
       </p> 
       <p class="overHidden">{{room_info.address}}</p> 
      </div> 
      <div class="arrow-right fr" ></div> 
      <div class="clearfix"></div> 
     </div> 
    </router-link> 

    <section>
    	<div class="weui_cells_title">
    		<span class="fl">历史账单明细</span>
    	 
    		<div class="clear"></div>
    	</div>
    	  <section class="errormsgDiv" v-if="nodata==1">
	    <p class="errormsg">\（￣︶￣）/</p>
	    <p class="errormsg2">暂无历史账单</p>
	  </section>
    	<div v-else class="weui_cells weui_cells_checkbox">
	        <label class="weui_cell weui_check_label"  v-for="item in bills_list" >
	           
	            <div class="weui_cell_bd weui_cell_primary">
	            	  <div class="fl">
	            	  	 <p>{{item.acct_period}} {{item.cost_type}} </p>
		                  <p>{{item.remark_str}}</p>
		                  <p class="light">{{item.release_day}}</p>
		                 
	            	  </div>
	            	   <div class="fr">
	            	  	 <p align="right"><strong>{{item.bill_entry_amount}}</strong></p>
		                 <div align="right" v-if="item.status == 1" style="color: #c00; margin-top: 5px">已支付</div> 
		                 
		                 
	            	  </div>
	            	  <div class="clear"></div>
	                  
	            </div>
	        </label>
	        
	    </div>
	    <div style="height: 80px"></div>
    </section>
 
</div>